<!DOCTYPE html>
<html lang="zxx">

<head>
	<title>联系我们</title>
	<!-- Meta Tags -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="utf-8">
	<meta name="keywords" content="" />
	<script type="application/x-javascript">
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<!-- // Meta Tags -->
	<!--booststrap-->
	<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all">
	<!--//booststrap end-->
	<!-- font-awesome icons -->
	<link href="css/fontawesome-all.css" rel="stylesheet">
	<!-- //font-awesome icons -->
	<!--stylesheets-->
	<link href="css/style.css" rel='stylesheet' type='text/css' media="all">
	<!--//stylesheets-->
	<link href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet">
	<link href="http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900" rel="stylesheet">
</head>

<body>

	<!--/banner-->
	<!-- banner -->
	<header>
		<section class="banner1">
			<div class="agileits_w3layouts_banner_nav">
				<div class="header-bar py-sm-2">
					<div class="container py-2">
						<nav class="navbar navbar-expand-lg navbar-light">
							<div class="hedder-up">
								<h1><a class="navbar-brand" href="index.html">垃圾分类宣传网站系统</a></h1>
							</div>
							<button class="navbar-toggler" type="button" data-toggle="collapse"
								data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
								aria-expanded="false" aria-label="Toggle navigation">
								<span class="navbar-toggler-icon"></span>
							</button>
							<div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
								<ul class="navbar-nav">
									<li class="nav-item">
										<a class="nav-link" href="index.html">首页 <span
												class="sr-only">(current)</span></a>
									</li>
									<li class="nav-item">
										<a href="about.html" class="nav-link">垃圾分类</a>
									</li>
									<li class="nav-item">
										<a href="gallery.html" class="nav-link ">益处案例</a>
									</li>
									<li class="nav-item">
										<a href="codes.html" class="nav-link ">历史起源</a>
									</li>

									<li class="nav-item">
										<a href="contact.html" class="nav-link">联系我们</a>
									</li>
								</ul>
							

							</div>
						</nav>
					</div>
				</div>
				<!-- //Navigation -->
			</div>
		</section>
	</header>
	<!-- //banner -->
	<!--/contact-->
	<section class="contact py-md-5">
		<div class="container py-4 mt-2">
			<h2 class="tittle text-center mb-3">联系我们</h2>
			<p class="tit text-center mx-auto">如果您有任何问题或需要进一步的帮助，请随时与我们联系。我们非常乐意为您提供支持和解答任何疑问。</p>
			<div class="row inner-sec-w3layouts-agileinfo pt-4 mt-md-4">
				<div class="contact-map">
					<!-- <iframe
						src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d273690.1704056744!2d-74.59673804968976!3d40.72070782081099!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew+York%2C+NY%2C+USA!5e0!3m2!1sen!2sin!4v1521532554788"
						class="map" style="border:0" allowfullscreen=""></iframe> -->
				</div>

				<div class="contact_grid_right mt-5">
					<h6>请输入您的建议</h6>
					<form action="#" method="post">
						<div class="contact_left_grid">
							<input type="text" name="Name" placeholder="名字" required="">
							<input type="email" name="Email" placeholder="邮箱" required="">
							<input type="text" name="Subject" placeholder="电话号码" required="">
							<textarea name="Message" onfocus="this.value = '';"
								onblur="if (this.value == '') {this.value = '具体建议';}"
								required="">具体建议...</textarea>
							<input type="submit" value="发送">
							<input type="reset" value="清空">
							<div class="clearfix"> </div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</section>
	<!--//contact-->
	<!--footer-->
	<div class="copyright py-3">
		<div class="container">
			<div class="copyrightbottom">
				<p>垃圾分类宣传网站系统</p>

			</div>
			<div class="clearfix"></div>
		</div>
	</div>
	<!-- //Modal -->
	<!--js working-->
	<script src="js/jquery.min.js"></script>
	<!--//js working-->
	<!-- smooth scrolling -->
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function () {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/

			$().UItoTop({ easingType: 'easeOutQuart' });

		});
	</script>
	<!-- //here ends scrolling icon -->
	<!-- //smooth scrolling -->
	<!-- scrolling script -->
	<script type="text/javascript">
		jQuery(document).ready(function ($) {
			$(".scroll").click(function (event) {
				event.preventDefault();
				$('html,body').animate({ scrollTop: $(this.hash).offset().top }, 1000);
			});
		});
	</script>
	<!-- //scrolling script -->
	<script src="js/main.js"></script>
	<!--bootstrap working-->
	<script src="js/bootstrap.min.js"></script>
	<!-- //bootstrap working-->
</body>

</html>